<style>
.{{$t|escape:'html'}}_main {
  border-left: 15px solid #eaf2f5;
  border-right: 15px solid #eaf2f5;
  width: 1200px;
}
.{{$t|escape:'html'}}_subtitle {
  background-color: #e5f1f5;
  padding: 7px 0 7px 10px;
  font-family: Arial Black;
}
.{{$t|escape:'html'}}_emphasis {
  background-color: #d6e3e8;
  font-weight: bold;
  font-family: Trebuchet MS;
}
table.{{$t|escape:'html'}}_pagecreate {
}
table.{{$t|escape:'html'}}_pagecreate td.title {
  font-weight: bold;
  text-align: right;
  padding: 2px 10px 2px 20px;
  margin-right: 20px;
  background-color: #d6e3e8;
  font-family: Trebuchet MS;
  width: 150px;
  height: 30px;
}
table.{{$t|escape:'html'}}_pagecreate td.content {
  width: 400px;
}
.{{$t|escape:'html'}}_select {
  width: 195px;
  height: 23px;
  margin-left: 4px; 
}

.{{$t|escape:'html'}}_text {
  width: 275px;
  height: 20px;
  margin-left: 4px;
}
.{{$t|escape:'html'}}_textarea {
  width: 275px;
  height: 80px;
  margin-left: 4px;
}
.{{$t|escape:'html'}}_button {
  margin-top: 10px; 
  margin-left: 3px; 
}
</style>
<div class="{{$t|escape:'html'}}_main">
  <div>
    <div class="{{$t|escape:'html'}}_subtitle" style="text-align: center;background-color: #eaf2f5;">
      <span class="image_button" style="width: 100px;" onclick="history.back();">
        <table>
          <tr>
            <td><img src="image/btn/back.png"></img></td>
            <td>{{t escape='html'}}Back{{/t}}</td>
          </tr>
        </table>
      </span>
    </div>
  </div>
  <div class="{{$t|escape:'html'}}_subtitle"></div>
  <script type="text/javascript">
    <!--
      function updateHeight() {
        iframe = document.getElementById('{{$t|escape:'html'}}_payments');
        var boh = iframe.contentDocument.body.offsetHeight;
        var bsh = iframe.contentDocument.body.scrollHeight;
        iframe.height = Math.max(Math.max(boh, bsh) + 100, 300);
  //    iframe.height = Math.max(boh + 100, 300);
      }
    // -->
  </script>
  <iframe id="{{$t|escape:'html'}}_payments" onload="Javascript:updateHeight();" scrolling="no" style="margin: 10px 20px;" width="1024px" frameborder="0"  marginwidth="0" marginheight="0" src="extui.php?i={{$id|escape:'html'}}"></iframe>
  <div>
    <div class="{{$t|escape:'html'}}_subtitle" style="text-align: center;background-color: #eaf2f5;">
      <span class="image_button" style="width: 100px;" onclick="history.back();">
        <table>
          <tr>
            <td><img src="image/btn/back.png"></img></td>
            <td>{{t escape='html'}}Back{{/t}}</td>
          </tr>
        </table>
      </span>
    </div>
  </div>
</div>
